<template>
    <el-menu background-color="#334157">
        <div class="top-container">
            <div class="left-logo">
                <img src="../assets/btn-select.png" alt="">
            </div>
            <!-- 个人信息 -->
            <div class="right-xinxi">
                <div class="square-img" >
                    <img src="https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png" alt="">
                </div>
                <div class="">
                    <el-dropdown trigger="click">
                        <span class="el-dropdown-link">
                            admin<i class="el-icon-arrow-down el-icon--right"></i>
                        </span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item >退出账户</el-dropdown-item>
                            <el-dropdown-item >GITEE源码</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                </div>
            </div>
        </div>
    </el-menu>
</template>
<script>
export default {
    
}
</script>
<style lang="scss" scoped>
.el-menu{
    height: 100%;
}
.top-container{
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.top-container .left-logo{
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.right-xinxi{
    padding: 0 20px;
    display: flex;
    align-items: center;
}
.right-xinxi .square-img{
  display: flex;
  align-items: center;
  vertical-align: middle;
  margin-right: 20px;
}
.right-xinxi .square-img img{
    width: 40px;
    height: 40px;
}
.el-dropdown-link {
    cursor: pointer;
    color: #ffffff;
  }
.el-icon-arrow-down {
    font-size: 12px;
  }
</style>